<!-- 制度建设及支线情况统计 -->
<template>
  <CustomTableVue
    :field-list="useFields().spongSystemConstructionFiield"
    :table-data="tableData"
    height="85%"
  >
    <template #detail="slotProps">
      <div
        class="text-center"
        style="font-family: ' DIN-Bold'; color: rgba(0, 194, 255, 1)"
      >
        <!-- {{ slotProps.row.detail }}  -->
        查看
      </div>
    </template>
  </CustomTableVue>
</template>

<script setup lang="ts">
import CustomTableVue from "@/components/common/table/CustomTable.vue";
import { useFields } from "@/hook/useFields";
import { projectFunc } from "@/hook/projectFunc";
const tableData = ref([
  {
    name: projectFunc().randomProjectName(),
    area: "汉阳区",
    time: projectFunc().getRandomDateBetweenYears(),
    detail: projectFunc().randomArea(),
  },
  {
    name: projectFunc().randomProjectName(),
    area: "汉阳区",
    time: projectFunc().getRandomDateBetweenYears(),
    detail: "鹦鹉街道",
  },
  {
    name: projectFunc().randomProjectName(),
    area: "汉阳区",
    time: projectFunc().getRandomDateBetweenYears(),
    detail: projectFunc().randomArea(),
  },
  {
    name: projectFunc().randomProjectName(),

    area: "汉阳区",
    time: projectFunc().getRandomDateBetweenYears(),
    detail: projectFunc().randomArea(),
  },
  {
    name: projectFunc().randomProjectName(),
    area: "汉阳区",
    time: projectFunc().getRandomDateBetweenYears(),
    detail: projectFunc().randomArea(),
  },
  {
    name: projectFunc().randomProjectName(),
    area: "汉阳区",
    time: projectFunc().getRandomDateBetweenYears(),

    detail: projectFunc().randomArea(),
  },
  {
    name: projectFunc().randomProjectName(),

    area: "汉阳区",
    time: projectFunc().getRandomDateBetweenYears(),

    detail: "鹦鹉街道",
  },
  {
    name: projectFunc().randomProjectName(),

    area: "汉阳区",
    time: projectFunc().getRandomDateBetweenYears(),

    detail: projectFunc().randomArea(),
  },
]);
</script>

<style scoped lang="less"></style>
